﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="raphael.aspx.cs" Inherits="MindMapper.Web.raphael" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/raphael-min.js"></script>
    <script type="text/javascript" src="Scripts/graffle.js"></script>
    <style type="text/css" media="screen">
        #holder
        {
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border: solid 1px #333;
        }
        p
        {
            text-align: center;
        }
        
        body
        {
            background: #333;
            color: #fff;
            font: 300 100.1% "Helvetica Neue" , Helvetica, "Arial Unicode MS" , Arial, sans-serif;
        }
        #holder
        {
            height: 480px;
            left: 50%;
            margin: -240px 0 0 -320px;
            position: absolute;
            top: 50%;
            width: 640px;
        }
        #copy
        {
            bottom: 0;
            font: 300 .7em "Helvetica Neue" , Helvetica, "Arial Unicode MS" , Arial, sans-serif;
            position: absolute;
            right: 1em;
            text-align: right;
        }
        #copy a
        {
            color: #fff;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <p>
        Drag shapes around.</p>
    <div id="holder">
    </div>
    <p id="copy">
        Demo of <a href="http://raphaeljs.com/">Raphaël</a>—JavaScript Vector Library</p>
    </form>
</body>
</html>
